// 给默认添加的page标签添加样式
page{
    height: 100vh;
    box-sizing: border-box;
    background-color:lightgreen;
  }
  //class选择器，在这里写高度无效
  .swiper{
      //标签选择器
      swiper{
          width: 100%;
          //在这里写高度起作用
          height: 250rpx;
          background-color: skyblue;
          //标签选择器
          swiper-item{
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              //$:父选择器，应用的意思，
              //最终解析成css样式为swiper-item:first-child
             &:first-child{
                 background-color: lightcoral;
             }
             &:last-child{
                 background-color: yellow;
             }       
          }
      }
  }
